<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>颜色</title>
    <style>
        .c1{
            color:red;
        }
        .c2{
            color:#00ff00;
        }
        .c3{
            /*
                rgb函数针对的是十进制的颜色值
                参数有三个,分别表示红、绿、蓝的颜色程度
                每个参数取值范围均为:0-255
            */
            color: rgb(0,0,255);
        }
        .c4{
            /*
                rgba函数与rgb函数基本一致
                只是多了第四个表示透明度的参数
                透明度取值范围:0-1
            */
            color: rgba(255,0,0,0.1);
        }
    </style>
</head>
<body>
<p class="c1">第1个段落</p>
<p class="c2">第2个段落</p>
<p class="c3">第3个段落</p>
<p class="c4">第4个段落</p>
<p class="c5">第5个段落</p>
</body>
</html>